@charset "UTF-8";

/* 左侧区域 */
.dashboard-left-side {
  position: absolute;
  left: 0;
  width: 202px;
  top: 0;
  bottom: 0;
  z-index: 10;
  background-color: #f8f9fa;
  padding: 0 0 0 0;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #dfe0e1;
}

/* 右侧区域 */
.dashboard-right-side {
  position: absolute;
  left: 202px;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  background-color: #ffffff;
  padding: 0 0 0 0;
  border-width: 0 0 0 0;
}

/* 顶部栏 */
.dashboard-top-bar {
  position: absolute;
  left: 0px;
  width: 100%;
  top: 0;
  height: 48px;
  z-index: 100;
  background-color: #343a40;
}

.dashboard-top-bar>nav {
  position: absolute;
  right: 0;
  height: 48px;
  color: #929699 !important;
  background-color: #343a40 !important;
}

.dashboard-top-bar .nav-link {
  color: #929699 !important;
  font-size: 14px !important;
  height: 42px;
  padding-top: 10px;
}

.dashboard-top-bar-account>.dropdown-menu {
  right: 0px !important;
  left: auto !important;
}

/* END 顶部栏 */

.dashboard-left-side>.dashboard-top-bar {
  color: #eff0f0;
  padding: 10px 15px 15px 15px;
}

.dashboard-right-side>.dashboard-top-bar {
  text-align: right;
}

/* 菜单栏 */
.dashboard-menu-bar {
  position: absolute;
  left: 0;
  width: 100%;
  top: 48px;
  bottom: 0;
  z-index: 0;
  padding: 0 0 0 0;
  border-width: 0 0 0 0;
  overflow-y: auto;
}

/* 内容区域 */
.dashboard-main-content {
  position: absolute;
  left: 0;
  width: 100%;
  top: 48px;
  bottom: 0;
  z-index: 0;
  padding: 0 0 0 0;
  border-width: 0 0 0 0;
}

.dashboard-default .dev-control {
  display: none !important;
}

/* 折叠按钮 */
.dashboard-menu-fold {
  position: absolute;
  right: 5px;
  top: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  color: #FFF;
  visibility: visible;
}

/* 展开按钮 */
.dashboard-menu-unfold {
  position: absolute;
  left: 5px;
  top: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  color: #FFF;
  visibility: hidden;
}

.dashboard-menu-backdrop {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #212529;
  opacity: 0.05;
  z-index: 5;
}

@media (max-width: 767.98px) {
  .dashboard-left-side {
    left: -202px;
  }

  .dashboard-right-side {
    left: 0 !important;
  }

  .dashboard-menu-fold {
    visibility: hidden;
  }

  .dashboard-menu-unfold {
    visibility: visible;
  }

  .dashboard-unfold-mode .dashboard-menu-backdrop {
    display: block !important;
  }

  .pure-view .modal {
    position: fixed !important;
    margin-top: 50px !important;
  }
}

.dashboard-unfold-mode .dashboard-menu-fold {
  visibility: visible !important;
}

.dashboard-fold-mode .dashboard-menu-unfold {
  visibility: visible !important;
}
